<template>
  <div class="exam">
    <ul>
      <li><b>考试名称：</b> {{ row.name || '暂无数据' }}</li>
      <li><b>考试说明：</b>{{ row.content || '暂无数据' }}</li>
      <li>
        <el-button
          type="primary"
          size="small"
          icon="el-icon-notebook-2"
          @click="handleExam"
          plain
          >开始考试</el-button
        >
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  data() {
    return {}
  },
  props: ['row', 'resource'],
  mounted() {
    // console.log(this.row)
  },
  methods: {
    handleExam() {},
  },
}
</script>
<style scoped lang="scss">
.exam {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #f5f5f5;
  ul {
    padding: 50px 100px;
    li {
      padding: 10px 0;
      font-size: 16px;
      span {
        color: #999;
        margin-right: 20px;
      }
    }
  }
}
</style>